
import { FC } from "react";
import { ITodo } from "../data";
import Item from "../item";



interface IListProps {
  todoList: ITodo[],
  toggleTodo: (id: number) => void,
  removeTodo: (id: number) => void
}
const List: FC<IListProps> = ({ todoList, toggleTodo, removeTodo }) => {
  return (<div>
    {
      todoList && todoList.map(item => {
        return (<Item key={item.id} todo={item} toggleTodo={toggleTodo} removeTodo={removeTodo}></Item>)
      })
    }
  </div>)
}

export default List